import axios from "axios";
import {getToken, removeToken} from "./token";
import {Message} from "element-ui";
import router from "../router"

const baseURL = process.env.NODE_ENV === "development" ? "/request" : "http://x.hfbdqn.cn:30006/"
const request = axios.create({
    baseURL,
    timeout: 5000
})
//利用前置拦截器
// 添加请求拦截器
request.interceptors.request.use((config) => {
    // 在发送请求之前做些什么
    config.headers.token = getToken()
    return config;
}, (error) => {
    // 对请求错误做些什么
    return Promise.reject(error);
});

//利用请求后置拦截器来判断请求状态
// 添加响应拦截器
request.interceptors.response.use((response) => {
    // 对响应数据做点什么
    // console.log('相应后拦截到的参数', response)
    if (response.data.code !== 200) {
        if (response.data.code===401){
            removeToken()
            router.push('/')
        }
        //因为this无法指向VUE 无法直接调用elementui  (this.$message)
        //所以我们单独导入Message
        Message.error(`错误码${response.data.code}--msg:${response.data.msg}`)
        return Promise.reject('有点错误！');
    } else {
        return response;
    }
}, (error) => {
    // 对响应错误做点什么
    return Promise.reject(error);
});

console.log(process.env) //node环境变量 "development"开发调试阶段
export default request;